import { Fragment } from "react";
import { Canvas, Story, Meta } from "@storybook/blocks";
import { DatePicker, Box } from "metabase/ui";
import * as QuarterPickerStories from "./QuarterPicker.stories";

<Meta of={QuarterPickerStories} />

# QuarterPicker

A version of [Mantine MonthPicker](https://v6.mantine.dev/dates/month-picker/) to select quarters.

## Docs

- [Mantine MonthPicker Docs](https://v6.mantine.dev/dates/month-picker/)

## Examples

<Canvas>
  <Story of={QuarterPickerStories.Default} />
</Canvas>

### Allow deselect

<Canvas>
  <Story of={QuarterPickerStories.AllowDeselect} />
</Canvas>
